<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=">
<meta
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
	name="viewport">
<meta name="format-detection" content="telphone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">

<title>会员中心</title>
<link rel="stylesheet" href="__TEMPLATE__/mobile/index/css/global.css"
	type="text/css">
<script src="__TEMPLATE__/sysme/js/jquery-1.9.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="__SYSMET__/lib/Hui-iconfont/1.0.8/iconfont.css" />
<script type="text/javascript" src="__TEMPLATE__/mobile/index/js/clipboard.min.js"></script>
</head>
<link rel="stylesheet" href="__TEMPLATE__/mobile/index/css/index.css" type="text/css">
<link rel="stylesheet" href="__TEMPLATE__/mobile/index/css/member.css" type="text/css">
<!-- UC强制全屏 -->  
 <meta name="full-screen" content="yes">  
 <!-- QQ强制全屏 -->  
 <meta name="x5-fullscreen" content="true">  
 <!-- UC应用模式-->  
 <meta name="browsermode" content="application">  
 <!-- QQ应用模式 -->  
 <meta name="x5-page-mode" content="app"> 
<style type="text/css">
					
					

					.geren_name a{color:#fff;line-height:30px;}
					.geren_xx p{width:100%;text-align: center;color:#fff;font-size:18px;padding-top:38px;}
					.nav_1 li{float: left;width: 25%;text-align: center;}
					.geren_name{
            width:110px;
            height:30px;
            border-radius: 8px;
            border:1px solid #fff;
            position:absolute;
            margin-left:-55px;
            left:50%;
            top:75px;color:#fff;font-size:16px;
						
					}
					.nav_1 li{float: left;width: 25%;text-align: center;}
					.nav_1 li a{display: block;font-size: 14px;padding-bottom: 10px;}
					.nav_1 li a img{display: block;margin:19px auto 15px;width:25px;}
					.box_1 li{width: 33%;float: left;height:100px;}
					.box_1 li a{display: block;text-align: center;font-size: 13px;}
					.box_1 li a img{display: block;margin:19px auto 20px;width: 25px;}
					
					.zdc{width: 100%;height: 100%;background: #000000;opacity: 0.6;z-index: 111111;position: fixed;top: 0;display: none;}
					.qqkf{width: 80%;position: fixed;top: calc(50% - 50px);left: calc((100% - 80%)/2);background: #FFFFFF;display: none;z-index: 11111111111;}
					.qqkf p{height: 70px;line-height: 70px;font-size: 12px;color: #33333;border-bottom: 1px solid #CCCCCC;}
					.qqkf>span{height: 28px;line-height: 28px;font-size: 16px;color: #0000FF;}
					 #tsk{width:200px;height:75px;background:#ccc;position:absolute;top:300px;left:50%;margin-left:-100px;display:none;line-height:75px;border-radius: 5px;text-align: center;font-size:14px;}
					 .box_1 span{font-size:15px;}

				</style>
<script>
	function change_pic() {
		var imgObj = document.getElementById("meg");
		if(imgObj.getAttribute("src", 2) == "img/me.png") {
			imgObj.src = "__TEMPLATE__/mobile/index/img/me1.png";
		} else {
			imgObj.src = "__TEMPLATE__/mobile/index/img/me.png";
		}
	}
</script>
<script language="javascript">
	function display_div(can) {
		for(var i = 1; i < 2; i++) {
			if(can == i) {
				if(document.getElementById("ch" + i).style.display == "none") {
					document.getElementById("ch" + i).style.display = "block";
				} else
				if(document.getElementById("ch" + i).style.display == "block") {
					document.getElementById("ch" + i).style.display = "none";
				}

			}

		}
	}
</script>

<div id="ji" style="width:120px;height:40px;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;opacity: .7;background: #000;border-radius: 4px;display:none;">
	<div style="width:100px;height:40px;line-height:40px;text-align:center;
	position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;color:#fff;">请先登录</div>
</div>
<div class="cont">
	<div class="geren_xx" style="background:#d91d36; position:relative;">

		<p>hello,你好</p>
		<div class="geren_name" >
			<a href="{:url('user/login')}">登录/注册</a>
		</div>
	</div>
	

	<ul class="nav_1">

		<li  class="hide"><a href="javascript:;"><i class="Hui-iconfont" style="display:block;font-size:26px;margin-top:19px;margin-bottom:12px;">&#xe70c;</i><span>投注记录</span></a></li>
		<li  class="hide"><a href="javascript:;" style="padding:0;" class="nav-link"><i class="Hui-iconfont" style="display:block;font-size:26px;margin-top:19px;margin-bottom:12px;">&#xe6b3;</i><span>消息中心</span></a></li>
		<li  class="hide"><a href="javascript:;" ><i class="Hui-iconfont" style="display:block;font-size:26px;margin-top:19px;margin-bottom:12px;">&#xe6b7;</i><span>充值记录</span></a></li>
		<li  class="hide"><a href="javascript:;"><i class="Hui-iconfont" style="display:block;font-size:26px;margin-top:19px;margin-bottom:12px;">&#xe6ca;</i><span>提现记录</span></a></li>

		<div class="clear"></div>
	</ul>
	<div style="width: 100%;height:18px;background: #f5f5f9;border:1px solid #ccc;border-left:none;border-right:none;"></div>
	<ul class="box_1" style="height:50%;padding-bottom:130px;">
		<li  class="hide" style="border-bottom: 1px solid #ddd;border-right:1px solid #ddd;box-sizing: border-box;"><a href="javascript:;"><img src="__TEMPLATE__/mobile/index/img/zaixianchongzhi-01.png"/><span>在线存款</span></a></li>
		<li  class="hide" style="border-bottom: 1px solid #ddd;border-right:1px solid #ddd;box-sizing: border-box;"><a href="javascript:;"><img src="__TEMPLATE__/mobile/index/img/zaixainqukuan-01.png"/><span>在线取款</span></a></li>
		<li  class="hide" style="border-bottom: 1px solid #ddd;box-sizing: border-box;width:34%;"><a href="javascript:;"><img src="__TEMPLATE__/mobile/index/img/xiugaimima-01.png"/><span>密码修改</span></a></li>
		<li style="border-bottom: 1px solid #ddd;border-right:1px solid #ddd;box-sizing: border-box;"> <a href="javascript:;"><img src="__TEMPLATE__/mobile/index/img/xitongcaijin-01.png"/><span>系统彩金</span></a></li>
		<li style="border-bottom: 1px solid #ddd;border-right:1px solid #ddd;box-sizing: border-box;"><a href="javascript:;" id="qqkf"><img src="__TEMPLATE__/mobile/index/img/QQ-01.png"/><span>QQ客服</span></a></li>
		<li style="border-bottom: 1px solid #ddd;box-sizing: border-box;width:34%;"><a href="javascript:;" id="wxkf"><img src="__TEMPLATE__/mobile/index/img/wx_kf.png"/><span>微信客服</span></a></li>
		<li style="border-bottom: 1px solid #ddd;box-sizing: border-box;width: 33%;border-right: 1px solid #ddd;"><a href="#"><img src="__TEMPLATE__/mobile/index/img/kefu-01.png"/><span>在线客服</span></a></li>
		<li style="border-bottom: 1px solid #ddd;border-right:1px solid #ddd;box-sizing: border-box;width:33%;"><a href="{:url('lottery/guize')}"><img src="__TEMPLATE__/mobile/index/img/wfgz.png"/><span>玩法规则</span></a></li>
		<div class="clear"></div>
	</ul>
    <!--<div class="zdc"></div>
    <div class="qqkf">
		<p style='margin-left:10px;position: relative;'>请手动添加客服QQ号：<input type="text" id="qqhm" style="width:86px;border: 0;height: 69px;position: absolute;top: 0;left: 127px;" value="" readonly="readonly" /><br /></p>
		<span onclick="copyUrl2()" style='margin-left:120px'>复制</span>
    </div>
   <div id="tsk">
    
   </div>-->
   
   
   <div class="zdc"></div>
	<div class="qqkf" id="qqkf2">
		<p style='margin-left:10px;position: relative;'>请手动添加客服QQ号：<input type="text" id="qqhm" style="border: 0;height: 69px;position: absolute;top: 0;left: 127px;" value="" readonly="readonly" /><br /></p>
		<span class="btn fuzhibtn" data-clipboard-action="copy" data-clipboard-target="#qqhm" style='margin-left: 120px;border: none;background: white;height: 25px;'>复制</span>
		
		 <!--<input id="foo" type="text" value="hello">
    <button class="btn" data-clipboard-action="copy" data-clipboard-target="#foo">Copy</button>-->
	</div>
	
<!--	 
	<div class="qqkf" id="wxkf2">
		<p style='margin-left:10px;position: relative;'>请手动添加客服微信号：<input type="text" id="wxhm" style="border: 0;height: 69px;position: absolute;top: 0;left: 127px;" value="" readonly="readonly" /><br /></p>
		<button class="btn" data-clipboard-action="copy" data-clipboard-target="#wxhm" style='margin-left: 120px;border: none;background: white;height: 25px;'>复制</button>
		
	</div>-->
	
	<div class="qqkf" id="wxkf2">
		<p style='margin-left:10px;position: relative;'>请手动添加客服微信号：<input type="text" id="wxhm" style="border: 0;height: 69px;position: absolute;top: 0;left: 127px;" value="" readonly="readonly" /><br /></p>
		<span class="btn fuzhibtn" data-clipboard-action="copy" data-clipboard-target="#wxhm" style='margin-left: 120px;border: none;background: white;height: 25px;'>复制</span>
		
		 <!--<input id="foo" type="text" value="hello">
    <button class="btn" data-clipboard-action="copy" data-clipboard-target="#foo">Copy</button>-->
	</div>
	<div id="tsk">
    
</div>
   
	<div class="menu" style="border-top: 2px solid #d8d8d8;box-shadow: 0 0 10px #d8d8d8; ">
	    <ul>
	        <!--首页-->
	        <li><a class="menu-home" href="{:url('index/mhome')}"><img style="" src="__TEMPLATE__/mobile/index/img/nav_{if condition="$cur=='index'"}0{/if}1.png"></a></li>
	        <!--购彩-->
	        <li><a class="menu-color" href="{:url('bet/index')}"><img style="" src="__TEMPLATE__/mobile/index/img/nav_{if condition="$cur=='shop'"}0{/if}2.png"></a></li>
	        <!--开奖-->
	        <li><a class="menu-lot" href="{:url('lottery/index')}"><img style="" src="__TEMPLATE__/mobile/index/img/nav_{if condition="$cur=='lottery'"}0{/if}3.png"></a></li>
	        <!--注单-->
	        <li><a class="menu-news" href="{:url('lottery/zhudan')}"><img style="" src="__TEMPLATE__/mobile/index/img/nav_{if condition="$cur=='lottery_trend'"}0{/if}4.png"></a></li>
	        <!--我的-->
	        <li><a class="menu-my" href="{:url('member/index')}"><img style="" src="__TEMPLATE__/mobile/index/img/nav_{if condition="$cur=='member'"}0{/if}5.png"></a></li>
	    </ul>
	</div>
</div>
	<script type="text/javascript">
//		function copyUrl2()
//		{
//		var Url2=document.getElementById("qqhm");
//		Url2.select(); // 选择对象
//		document.execCommand("Copy"); // 执行浏览器复制命令
//		//alert("已复制好，可贴粘。");
//		 $('#tsk').css('display','block').html('已复制好，可贴粘。')
//   setTimeout(function(){$('#tsk').css('display','none')},1000)
//			$(".zdc").css("display","none")
//			$(".qqkf").css("display","none")
//		}

//		$("#qqkf").click(function(){
//			$.ajax({
//				type: "post",
//				url: "/index/User/service?mobile=1",
//				success: function (data) {
//					if(data){
//						$("#qqhm").val(data);
//						$(".zdc").css("display","block");
//						$(".qqkf").css("display","block");
//					}
//					
//					
//				}
//			});
//		})


$("#qqkf").click(function(){
			$.ajax({
				type: "post",
				url: "/index/User/service?mobile=1",
				success: function (data) {
					if(data){
						$("#qqhm").val(data);
						$(".zdc").css("display","block");
						$("#qqkf2").css("display","block");
					}
					
					
				}
			});
		})
		$("#wxkf").click(function(){
			$.ajax({
				type: "post",
				url: "/index/User/service?mobile=1&source=2",
				success: function (data) {
					if(data){
						$("#wxhm").val(data);
						$(".zdc").css("display","block");
						$("#wxkf2").css("display","block");
					}
					
					
				}
			});
		})

		
		
		$('.hide').click(function(){
       $('#ji').css('display','block')
       setTimeout(function(){
       	     $('#ji').css('display','none')
           },2000)
		})
	</script>
	
	
	
	<script>
    var clipboard = new ClipboardJS('.btn');

    clipboard.on('success', function(e) {
        //console.log(e);
    });

    clipboard.on('error', function(e) {
        //console.log(e);
    });



    
    $('.fuzhibtn').click(function(){
    	
    	$(".zdc").css("display","none");
   setTimeout(function () {
     $("#qqkf2").css("display","none");
     $("#wxkf2").css("display","none");
}, 10);

   $('#tsk').css('display','block').html('已复制好，可贴粘。')

setTimeout(function () {
     $("#tsk").css("display","none");
}, 1000);

    })



   </script>
</html>



